@charset "utf-8";html,body {line-height:180%;font-size:14px;font-family:microsoft yahei;background:#fff}
ul,ol {padding:0}
li {list-style:none}
a {transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;color:#333;text-decoration:none}
a:hover {text-decoration:none}
.img-auto {display:block;overflow:hidden}
.img-auto img {width:auto;height:auto;margin:0 auto;transition:600ms}
.img-auto img:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.blank5,.blank10,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden}
.blank10 {height:10px}
.blank20 {height:20px}
.blank30 {height:30px}
.blank50 {height:50px}
.blank60 {height:60px}
.title,.title-2 {padding:0;text-align:center;text-transform:uppercase}
.title h1,.title h3 a {color:#165aa5;line-height:45px;height:45px;font-size:40px;font-weight:400;text-decoration:none}
.title h3 small {display:block;clear:both;margin:20px 0 10px;color:#a1a1a1;font-size:10px}
.title p,.title-index-1 p {margin:10px auto 30px;line-height:20px;color:#333;font-size:16px}
.title span {}
@media(min-width:768px) {.title p,.title-index-1 p {width:600px}
}
.title-2 a {font-size:30px}
.title-2 h3 a small {display:block;clear:both;margin:10px 0;color:#a1a1a1;font-size:8px}
@media(max-width:768px) {.title h1,.title h3 a {font-size:20px}
.title-2 a {font-size:16px}
}
#qrcode canvas {width:150px;border:15px solid #fff}
.fweixin img {width:150px}
.fweixin p {line-height:24px;text-align:center;color:#9b9b9b}
@media(max-width:992px) {.foot-nav .clear,.fweixin {clear:both}
.fweixin {margin:30px 0}
}
@media(max-width:468px) {.visual-guestbook,.visual-guestbook .guestbook_btn {clear:both;margin:30px 0}
}
.fweixin p.foot-weixin {padding-top:10px}
.home-links {padding:10px 0 0;background:#2c2c2c;color:#fff}
.home-links .hr {margin:15px 0 0;border-top:1px dotted #555}
.home-links .links-logo img {float:left;margin:10px 10px 0 0;opacity:.6}
.home-links .links-logo img:hover {opacity:1;transition:400ms}
.home-links .links-a {clear:both;margin:15px 0;font-size:14px}
.home-links .links-a a {color:#fff;padding:0 10px 0 0}
.visual-contact {color:}
.breadcrumb span {padding-right:15px;color:#ccc}
.content_tools {float:right;margin:30px 0;padding:5px 15px;background:#eee;text-align:right;font-size:14px}
.pages {clear:both;margin:0 10px;font-size:.8em;color:#888}
.pages strong,.pages span {color:#fff;display:block;float:left;height:26px;line-height:26px;float:left;padding:0 8px;background:#337ab7;margin:0 3px 0 0;font-size:.8em;border-radius:3px 3px 3px 3px}
.pages a,.pages a {display:block;float:left;height:24px;line-height:24px;float:left;padding:0 8px;border:1px solid #337ab7;border-radius:3px 3px 3px 3px;text-decoration:none;margin:0 3px 0 0;color:#337ab7;font-size:.8em}
.pages strong {color:#fff}
.pages span {float:right}
#page {font-size:.8em}
#page strong {padding:5px 8px;background:#337ab7;border-radius:5px;color:#fff;margin-right:15px;font-size:.8em}
.pagination {margin:50px 0}
.page-number {position:relative;right:0;top:5px;color:#fff;height:26px;line-height:26px;padding:9px 20px;background:#337ab7;margin:0 3px 0 0;font-size:.8em;border-radius:3px 3px 3px 3px}
#content_text {line-height:180%;font-size:1.2em}
.index-1-box {width:100%;height:350px;overflow:hidden;text-align:center;float:left;border:1px solid transparent;position:relative;transition:400ms;border:15px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.index-1-box:hover {background:#fff;border:1px solid #ccc}
.index-1 {height:140px;padding:70px 0 0;font-size:14px;color:#9b9797;border:1px solid transparent;position:relative;transition:400ms}
.index-1 .img-auto {height:176px;padding:0 15px 10px;overflow:hidden}
.index-1 a {margin:0 0 5px;font-size:18px;color:#3a3a3a;transition:400ms}
.index-1-2 {width:100%;padding:20px 10px 0;height:80px;line-height:24px;font-size:14px;color:#fff;background:#7bc91e;position:absolute;left:0;bottom:-80px;transition:400ms}
.index-1-box:hover .index-1 {margin-top:-55px}
.index-1-box:hover .index-1-2 {bottom:0}
@media(max-width:768px) {.index-1-box {margin-bottom:30px;background:#fff;border:1px solid #ccc}
.index-1-box .index-1 {margin-top:-50px}
.index-1-box .index-1-2 {bottom:0}
}
.index-2-box {padding:20px 30px;border:1px solid #eee;-moz-box-shadow:0 0 10px #eee;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;border-radius:3px}
@media(max-width:768px) {.index-2-box {margin-bottom:20px}
}
.index-2-box div.img-auto a {display:block;height:100px;margin:20px 0;overflow:hidden}
.index-2-box div.img-auto h4 a {height:16px;font-size:14px}
.index-2-box:hover {background:#eee}
.index-2-box p {font-size:12px;color:#555}
.index-2-box p.date {color:#999}
.index-3 .btn {padding:10px 40px;border-radius:50px}
.index-3-left {height:240px;overflow:auto}
.index-3-left p {text-indent:2em}
@media(max-width:768px) {.index-3-left {margin-bottom:30px}
}
.index-6-pic {height:124px;padding:0;border:1px solid #f5f5f5;overflow:hidden}
.index-6-pic a {width:89px;height:68px;margin:28px 50px;overflow:hidden}
@media(max-width:768px) {.index-6-pic a {margin:10px auto}
}
.list-container a {color:#333}
.list-container p {color:#888}
.list-container h4 {color:#000}
.list-container .row {margin-bottom:15px}
.list-container .news-list {margin-bottom:0}
.list-border {min-height:128px;padding:15px;clear:both;border:1px dotted transparent;border-bottom-color:#bbb}
.list-border-w {border:1px dotted #bbb;margin:15px 0}
.list-border:hover {background:#f5f5f5;border-color:#ccc;border-radius:5px 5px 5px 5px}
.list-date {width:4em;float:left;margin-right:20px;text-align:center}
.list-date span {display:block;width:1em;line-height:1em;padding-top:.1em;white-space:nowrap;font-size:4em;color:#555;overflow:hidden;font-family:times new roman,Times,serif}
.list-date p {clear:both;display:block;width:5em;overflow:hidden;margin-bottom:0}
.news-list p,.news-list-text-pic p,.list-down p {line-height:1.6;font-size:.8em}
.list-down .img-auto {height:170px;overflow:hidden}
.list-down {padding-top:15px;border-bottom:1px dotted #ccc}
.news-list li {line-height:32px;border-bottom:1px dotted #ccc}
.news-list li .date {margin-top:8px}
#projectlist.masonry {margin:0 auto}
#projectlist {}
.wrapper {margin:0 auto}
.projectitem {margin:0 0 30px;width:380px;float:none;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.projectitem a {position:relative;display:block}
.projectitem a:hover {text-decoration:none;overflow:hidden}
.projectitem a h4 {display:none;cursor:hand;text-align:center}
.projectitem a:hover h4 {width:100%;line-height:30px;margin:0;padding:15px 0;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:.8;opacity:.8}
.projectitem img,.index-2 img,.index-3 img {-moz-box-shadow:0 0 15px #888;-webkit-box-shadow:0 0 15px #888}
.projectitem p {line-height:200%;font-size:1.2em}
.content-right-list h3 {font-size:16px}
.content-right-list ol {margin-bottom:60px}
.content-right-list ol li {list-style-type:decimal;font-size:14px;line-height:1.8}
@media(max-width:768px) {.content-right-list {margin-top:60px}
}
.contact-us {background:#242625}
.contact-us h3 {font-size:60px;line-height:120%;color:#ccc;text-align:center;padding:50px 0}
.contact-us h3 span {font-weight:700;color:#c22c45}
.contact-us h4 {clear:both;margin:50px auto 0;padding:0 0 50px}
.contact-us dl {}
.contact-us dl dt {line-height:40px;color:#cacaca;font-size:26px;margin-bottom:10px}
.contact-us dl dd {color:#aeaeae;font-size:1em}
.content-ditu {height:50.8em;overflow:hidden}
.product_info {overflow:hidden}
.product_info table {color:#535353;width:100%}
.product_info table th {text-align:right;padding:7px 5px;width:120px;font-weight:400;color:#888}
.product_info table td {padding:5px;color:#535353;font-size:.9em}
.product_info table tr {}
.product_info strong {color:#e53f40;font-size:30px}
#dialog_link {margin-left:20px;background:#236298}
@media(max-width:768px) {#dialog_link {margin:20px 0 0}
}
.index-4 {margin:0 0 15px}
.index-4 img {margin-bottom:15px;-moz-box-shadow:0 0 10px #888;-webkit-box-shadow:0 0 10px #888}
.index-4 h4 {font-size:14px}
.index-4 p {font-size:12px;color:#999}
.index-4 p span {font-weight:700}
.content-bottom-list-more {padding:8px 15px;background:#eee;color:#888}
@media(min-width:768px) {.servers-wap {display:none}
.dropdown-menu>li>a {padding:10px 20px}
.navbar .nav>li.oen ul.two {margin:0}
.navbar .nav>li.oen:hover ul.two {display:block}
}
@media(max-width:768px) {.plug-menu {background:#ccc}
.top_menu>li {background:#ccc}
.foot_mp {background:#ccc}
.servers,.foot-share,.content_tools_box {display:none}
ul.nav-pills li.active {clear:both;display:block}
#carousel-example-generic {margin-bottom:30px}
.content-bottom-list-more {display:block;width:110px;margin-bottom:30px}
}
.navbar-right {padding:0}
.top-nav-right .dropdown-menu li {clear:both;width:98%}
.lead {font-size:1em;line-height:1.8}
ul,.index-6 ul {margin:0;padding:0}
.lead img {max-width:100%}
.child {display:none}
.left-menu {line-height:42px;border:1px solid #ccc;border-radius:5px}
.left-menu ul {margin:0;padding:0}
.left-menu ul li a {display:block;padding:0 0 0 40px}
.left-menu ul li.two {padding-left:10px}
.left-menu ul li.three {padding-left:10px}
.left-menu ul li.four {padding-left:10px}
.left-menu ul li.five {padding-left:10px}
.top-login {padding-left:5px}
#projectlist.masonry {margin:0 auto}
#projectlist {}
.wrapper {margin:0 auto}
.post-masonry {margin:0 0 30px;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.post-masonry h4 {font-size:14px}
.post-masonry p {line-height:200%;font-size:12px;color:#999}
#print img {max-width:100%}
.cd-gallery::after {clear:both;content:"";display:table}
.cd-gallery>li {overflow:hidden;position:relative;margin-bottom:2em}
.cd-gallery>li>a {display:block}
@media only screen and (min-width:768px) {.cd-gallery {padding:0}
.cd-gallery>li {float:left;margin-bottom:2.5em}
.cd-gallery>li:nth-of-type(2n) {margin-right:0}
}
@media only screen and (min-width:1048px) {.no-touch .cd-gallery>li:hover .cd-dots li.selected a {background:#2f2933;border-color:#2f2933}
.no-touch .cd-gallery>li:hover .cd-dots a {border-color:#9688a0}
.no-touch .cd-gallery>li:hover li.move-right,.no-touch .cd-gallery>li:hover li.move-left {opacity:.3}
}
.cd-item-wrapper {position:relative;overflow:hidden;margin-top:1em}
.cd-item-wrapper li {position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity;-webkit-transform:translateX(200%) scale(.7);-moz-transform:translateX(200%) scale(.7);-ms-transform:translateX(200%) scale(.7);-o-transform:translateX(200%) scale(.7);transform:translateX(200%) scale(.7);-webkit-transition:-webkit-transform .4s,opacity .4s;-moz-transition:-moz-transform .4s,opacity .4s;transition:transform .4s,opacity .4s}
.cd-item-wrapper li.selected {position:relative;opacity:1;-webkit-transform:translateX(0) scale(1.3);-moz-transform:translateX(0) scale(1.3);-ms-transform:translateX(0) scale(1.3);-o-transform:translateX(0) scale(1.3);transform:translateX(0) scale(1.3)}
.cd-item-wrapper li.move-left {-webkit-transform:translateX(-100%) scale(.7);-moz-transform:translateX(-100%) scale(.7);-ms-transform:translateX(-100%) scale(.7);-o-transform:translateX(-100%) scale(.7);transform:translateX(-100%) scale(.7);opacity:.3}
.cd-item-wrapper li.move-right {-webkit-transform:translateX(100%) scale(.7);-moz-transform:translateX(100%) scale(.7);-ms-transform:translateX(100%) scale(.7);-o-transform:translateX(100%) scale(.7);transform:translateX(100%) scale(.7);opacity:.3}
.cd-item-wrapper li.hide-left {-webkit-transform:translateX(-200%) scale(.7);-moz-transform:translateX(-200%) scale(.7);-ms-transform:translateX(-200%) scale(.7);-o-transform:translateX(-200%) scale(.7);transform:translateX(-200%) scale(.7)}
.cd-item-wrapper li img {display:block;width:100%}
@media only screen and (min-width:1048px) {.cd-item-wrapper li.move-left,.cd-item-wrapper li.move-right {opacity:0}
.cd-item-wrapper li.focus-on-left {-webkit-transform:translateX(3%) scale(1.25);-moz-transform:translateX(3%) scale(1.25);-ms-transform:translateX(3%) scale(1.25);-o-transform:translateX(3%) scale(1.25);transform:translateX(3%) scale(1.25)}
.cd-item-wrapper li.focus-on-left.move-right {-webkit-transform:translateX(103%) scale(.7);-moz-transform:translateX(103%) scale(.7);-ms-transform:translateX(103%) scale(.7);-o-transform:translateX(103%) scale(.7);transform:translateX(103%) scale(.7)}
.cd-item-wrapper li.focus-on-right {-webkit-transform:translateX(-3%) scale(1.25);-moz-transform:translateX(-3%) scale(1.25);-ms-transform:translateX(-3%) scale(1.25);-o-transform:translateX(-3%) scale(1.25);transform:translateX(-3%) scale(1.25)}
.cd-item-wrapper li.focus-on-right.move-left {-webkit-transform:translateX(-103%) scale(.7);-moz-transform:translateX(-103%) scale(.7);-ms-transform:translateX(-103%) scale(.7);-o-transform:translateX(-103%) scale(.7);transform:translateX(-103%) scale(.7)}
.cd-item-wrapper li.hover {opacity:1!important}
.cd-item-wrapper li.hover.move-left {-webkit-transform:translateX(-97%) scale(.75);-moz-transform:translateX(-97%) scale(.75);-ms-transform:translateX(-97%) scale(.75);-o-transform:translateX(-97%) scale(.75);transform:translateX(-97%) scale(.75)}
.cd-item-wrapper li.hover.move-right {-webkit-transform:translateX(97%) scale(.75);-moz-transform:translateX(97%) scale(.75);-ms-transform:translateX(97%) scale(.75);-o-transform:translateX(97%) scale(.75);transform:translateX(97%) scale(.75)}
}
.cd-dots {position:absolute;bottom:95px;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding:.2em}
.cd-dots::after {clear:both;content:"";display:table}
.cd-dots li {display:inline-block;float:left;margin:0 5px;pointer-events:none}
.cd-dots li.selected a {background:#2f2933;border-color:#2f2933}
.cd-dots a {display:block;height:6px;width:6px;border-radius:50%;border:1px solid #9688a0;overflow:hidden;text-indent:100%;white-space:nowrap;-webkit-transition:border-color .2s,background-color .2s;-moz-transition:border-color .2s,background-color .2s;transition:border-color .2s,background-color .2s}
@media only screen and (min-width:1048px) {.cd-dots li {pointer-events:auto}
.cd-dots li.selected a {background:#ccc;border-color:#ccc}
.cd-dots a {height:8px;width:8px;border-color:#ccc;background-color:transparent}
}
.cd-item-info {height:90px;line-height:90px;padding:0 2em}
.cd-item-info::after {clear:both;content:"";display:table}
.cd-item-info b,.cd-item-info .cd-price,.cd-item-info .cd-new-price {font-weight:700;font-size:2rem}
.cd-item-info b {float:left}
.cd-item-info b a {color:#2f2933}
.cd-item-info .cd-price,.cd-item-info .cd-new-price {float:right}
.cd-item-info .cd-price {color:#a5d05e;position:relative;margin-left:10px;-webkit-transition:color .2s;-moz-transition:color .2s;transition:color .2s}
.cd-item-info .cd-price::after {content:'';position:absolute;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:0;height:2px;width:0%;background-color:#a5d05e;opacity:0;-webkit-transition:width .2s 0s,opacity 0s .2s;-moz-transition:width .2s 0s,opacity 0s .2s;transition:width .2s 0s,opacity 0s .2s}
.cd-item-info .cd-price.on-sale::after {opacity:1;width:100%;-webkit-transition:width .2s 0s,opacity 0s 0s;-moz-transition:width .2s 0s,opacity 0s 0s;transition:width .2s 0s,opacity 0s 0s}
.cd-item-info .cd-new-price {color:#e76363;opacity:0;-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px);-webkit-transition:-webkit-transform .2s,opacity .2s;-moz-transition:-moz-transform .2s,opacity .2s;transition:transform .2s,opacity .2s}
.cd-item-info .cd-new-price.is-visible {-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
@media only screen and (min-width:768px) {.cd-item-info b,.cd-item-info .cd-price,.cd-item-info .cd-new-price {font-size:2.4rem}
}
.no-js .move-right,.no-js .move-left {display:none}
.credits {width:90%;margin:2em auto;text-align:center}
.no-touch .credits a:hover {text-decoration:underline}
@media(max-width:468px) {#content iframe,.content iframe,#print .edui-faked-video {width:100%;height:auto}
.gizle {top:-90px}
.sabit {top:0;z-index:9999}
}
dl.foot-nav {clear:both;margin-bottom:20px;overflow:hidden}
dl.foot-nav a {color:#9b9b9b}
dl.foot-nav dt {position:relative;padding-bottom:30px;border-bottom:1px solid #9fa0a1;margin-bottom:20px;font-size:1.2em}
dl.foot-nav dt b {position:absolute;display:block;width:39%;height:3px;left:0;bottom:-2px;background-color:#fff}
dl.foot-nav dd {line-height:30px}
dl.foot-nav dd a {font-size:.8em}
.glyphicon-display:before {content:"\e218"}
.view .codearea {display:none}
.dropdown-menu .divider {width:100%}
.div-position a.on {font-weight:700;color:red}
.static {position:static}
#timeline .timeline-item:after,#timeline .timeline-item:before {content:'';display:block;width:100%;clear:both}
*,*:before,*:after {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#timeline {width:90%;margin:30px auto;position:relative;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}
#timeline:before {content:"";width:3px;height:100%;background:#ccc;left:50%;top:0;position:absolute}
#timeline:after {content:"";clear:both;display:table;width:100%}
#timeline .timeline-item {margin-bottom:50px;position:relative}
#timeline .timeline-item .timeline-icon {background:#ccc;width:50px;height:50px;position:absolute;top:0;left:50%;overflow:hidden;margin-left:-23px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
#timeline .timeline-item .timeline-icon img {position:relative;top:14px;left:14px}
#timeline .timeline-item .timeline-content {width:45%;background:#fff;padding:20px;border:1px solid #ccc;-webkit-box-shadow:0 3px 0 #ccc;-moz-box-shadow:0 3px 0 #ccc;-ms-box-shadow:0 3px 0 #ccc;box-shadow:0 3px 0 #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
#timeline .timeline-item .timeline-content h2 {padding:15px;background:#ccc;color:#fff;margin:-20px -20px 20px;font-size:1.2em;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-ms-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}
#timeline .timeline-item .timeline-content:before {content:'';position:absolute;left:45%;top:20px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #ccc}
#timeline .timeline-item .timeline-content.right {float:right}
#timeline .timeline-item .timeline-content.right:before {content:'';right:45%;left:inherit;border-left:0;border-right:7px solid #ccc}
#timeline .timeline-item .btn {padding:5px 15px;text-decoration:none;background:0 0;border:2px solid #ccc;color:#ccc;display:inline-block;position:relative;text-transform:uppercase;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;-webkit-box-shadow:2px 2px 0 #ccc;-moz-box-shadow:2px 2px 0 #ccc;-ms-box-shadow:2px 2px 0 #ccc;box-shadow:2px 2px 0 #ccc}
#timeline .timeline-item .btn:hover {box-shadow:none;top:2px;left:2px;-webkit-box-shadow:2px 2px 0 transparent;-moz-box-shadow:2px 2px 0 transparent;-ms-box-shadow:2px 2px 0 transparent;box-shadow:2px 2px 0 transparent}
@media screen and (max-width:768px) {#timeline {margin:30px;padding:0}
#timeline:before {left:0}
#timeline .timeline-item .timeline-content {width:90%;float:right}
#timeline .timeline-item .timeline-content:before,#timeline .timeline-item .timeline-content.right:before {left:10%;margin-left:-6px;border-left:0;border-right:7px solid #ccc}
#timeline .timeline-item .timeline-icon {left:0}
.timeline-content p {font-size:12px}
}
.timeline-icon span.glyphicon {margin:13px 0 0 15px;font-size:20px;color:#fff}
.btn-primary {background-color:#0b6eae;border-color:#0b6eae}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index:2;color:#fff;cursor:default;background-color:#0b6eae;border-color:#0b6eae}
.pagination>li>a,.pagination>li>span {color:#0b6eae}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {color:#0b6eae}
#page strong {background:#0b6eae}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {color:#fff;background-color:#0b6eae}
#dialog_link {background:#0b6eae}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge {color:#0b6eae;background-color:#fff}
.comm input.btn {background:#0b6eae;color:#fff}
.pages strong,.pages span {color:#fff;background:#0b6eae}
.btn-primary .badge {color:#0b6eae;background-color:#fff}
*/ body {font-family:Microsoft Yahei;overflow-x:hidden;color:#666}
ul,ol,li {list-style:none}
.section1 {margin-bottom:-70px}
.s1 {position:relative;top:-70px;z-index:9;padding:20px;background:#fff;box-shadow:1px 1px 15px rgba(0,0,0,.3)}
.s1-item {text-align:center;margin:10px 0}
.s1-item h2 {color:#333;position:relative}
.s1-item h2 span {font-size:50px;font-weight:700;color:#555}
.s1-item h2 em {font-size:14px;font-style:normal;vertical-align:top}
.s1-item p {font-size:16px;color:#999}
.section1 .row [class*=col-]+[class*=col-] .s1-item {border-left:1px solid #ccc}
.section2 {}
.s2 {position:relative}
.s2-text {padding-right:350px}
.s2-text1 {background:#fcaf15;padding:80px 160px 80px 40px}
.s2-text h4 {color:#fff;font-size:56px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s2-text h4 a {color:#fff;transition:all 0ms ease-in-out 0s}
.s2-text span {color:#fff;display:block;margin-bottom:40px;font-size:20px;opacity:.6}
.s2-text p {text-indent: 2em;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;color: #fff;font-size: 16px;line-height: 24px;}
.s2-img {position:absolute;right:0;top:50%;width:466px;height:262px;margin-top:-131px}
@media screen and (min-width:992px) {.s2-img:after {content:"";display:block;height:5px;width:100px;background:#fcaf15;position:absolute;right:-10px;bottom:-10px}
.s2-img::before {content:"";display:block;height:100px;width:5px;background:#fcaf15;position:absolute;right:-10px;bottom:-10px}
}
@media screen and (min-width:0) and (max-width:991px) {.s2-img {position:static;margin-top:0;width:100%;height:auto}
.s2-img img {width:100%;height:auto}
.s2-text {margin:0;padding:0}
.s2-text1 {padding:40px}
.s2-text h4 {font-size:40px}
}
.section3 {}
.title10 {}
.title10:after {content:"";display:table;clear:both}
.title10 ul {padding:0;margin:10px 0 0;float:right}
.title10 ul li {display:inline-block;font-size:16px}
.title10 ul li a {display:inline-block;padding:8px 20px;color:#666}
.title10 ul li a:hover,.title10 ul li a.on {background:#0071b9;color:#fff}
.title10 h4 {font-size:30px;color:#333}
.title10 h4 a {color:#333}
.title10 p {font-size:16px;color:#999}
@media screen and (min-width:0) and (max-width:767px) {.title10 ul {display:none}
}
.s3-item {margin:20px 0;box-shadow:1px 1px 20px rgba(0,0,0,.1)}
.s3-img {display:block;overflow:hidden;position:relative}
.s3-img img {width:100%;height:auto;margin:0 auto;transition:.6s}
.s3-item:hover .s3-img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.s3-img:after {content:"";display:block;height:54px;width:54px;background:url(../images/s3-item-ico.jpg) left top no-repeat;position:absolute;left:0;top:0}
.s3-text {border-top:1px solid #eee;background:#fff;padding:15px 20px;text-align:center}
.s3-text h4 {font-size:22px;font-weight:400;color:#444;margin-bottom:5px}
.s3-text h4 a {color:#444;text-decoration:none}
.s3-text p {color:#999;font-size:14px;margin-bottom:0;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.s3-text p a {color:#999}
.s3-item:hover {box-shadow:1px 1px 20px rgba(0,0,0,.5)}
.s3-item:hover .s3-text {background:#0171b9}
.s3-item:hover .s3-text,.s3-item:hover .s3-text h4,.s3-item:hover .s3-text h4 a,.s3-item:hover .s3-text p a {text-decoration:none;color:#fff}
.section4 {padding:20px 0 40px;background:#f4f4f4}
#owl-demo4 {position:relative;padding:0;margin:0}
#owl-demo4 .owl-stage-outer {overflow:hidden;position:relative;z-index:10}
#owl-demo4 * {box-sizing:border-box}
#owl-demo4 .owl-item {float:left}
#owl-demo4 .owl-controls {margin-top:0;text-align:center}
#owl-demo4 .owl-controls .owl-buttons {}
#owl-demo4 .owl-controls .owl-buttons [class*=owl-] {font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;height:40px;width:40px;padding-left:14px;position:absolute;top:35%;margin-top:-20px;cursor:pointer;overflow:hidden;z-index:11;display:inline-block;line-height:40px;text-align:center}
#owl-demo4 .owl-controls .owl-prev {left:0;color:transparent;background:rgba(0,0,0,.3)}
#owl-demo4 .owl-controls .owl-next {right:0;color:transparent;background:rgba(0,0,0,.3)}
#owl-demo4 .owl-controls .owl-prev:before {content:"<";text-indent:0;color:#fff}
#owl-demo4 .owl-controls .owl-next:before {content:">";color:#fff;text-indent:0}
#owl-demo4 .owl-controls .owl-prev:hover {background:rgba(0,0,0,.7)}
#owl-demo4 .owl-controls .owl-next:hover {background:rgba(0,0,0,.7)}
.s4-item {margin:20px 10px}
.s4-img {display:block;overflow:hidden;background:#fff}
.s4-img img {width:100%;height:auto;margin:0 auto;transition:.6s}
.s4-item:hover .s4-img img {-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95)}
.s4-text {background:#fff;padding:20px;text-align:center}
.s4-text h4 {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:28px;color:#333}
.s4-text h4 a {color:#333}
.s4-text p {line-height:24px;height:72px;overflow:hidden;color:#666;margin:20px 0}
.s4-text a.more {display:inline-block;padding:2px 60px;border:1px solid #ccc;font-size:14px;color:#666;border-radius:60px;margin-bottom:10px}
.s4-item:hover .s4-text a.more {background:#0071b9;color:#fff;border-color:#0071b9}
.section5 {}
.s5 {max-width:820px;margin:0 auto}
.s5:after {content:"";display:table;clear:both}
.s5-img {float:right;width:243px;height:262px;overflow:hidden}
.s5-img img {width:100%;height:auto;object-fit:cover}
.s5-text {overflow:hidden;height:262px;overflow:hidden;background:#0071b9;padding:30px 20px;text-align:center}
.s5-text h4 {font-size:36px;color:#fff;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s5-text h4 a {color:#fff}
.s5-text h4:after {content:"";margin:35px 0;height:22px;display:block;background:url(../images/s5-line.png) center center no-repeat}
.s5-text p {padding:0 20px;font-size:16px;color:#fff;opacity:.9;line-height:24px;height:48px;overflow:hidden}
@media screen and (min-width:0) and (max-width:767px) {.s5-img {float:none;margin:0 auto;width:100%}
}
.section6 {}
.s6-l {margin:20px 0;background:#f4f4f4;padding:30px}
.s6-l span {color:#999;font-size:18px;margin-bottom:15px}
.s6-l h4 {margin-bottom:20px;color:#444;font-size:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s6-l-img {display:block;overflow:hidden}
.s6-l-img img {width:100%;height:auto;margin:0 auto;transition:.6s}
.s6-l-img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.s6-l a.more {background:#0071b9 url(../images/s3-item-ico.jpg) center center no-repeat;display:block;height:32px;width:120px;margin-top:25px}
.s6-r {margin:20px 0}
.s6-item {padding:32px 20px;border-top:1px solid #ccc}
.s6-item:hover {box-shadow:1px 1px 20px rgba(0,0,0,.3)}
.s6-item h4 {font-size:24px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display: inline-block;white-space: nowrap;width: 100%;text-overflow:ellipsis;}
.s6-item h4 a {color:#333;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s6-item:hover h4 {color:#0071b9}
.s6-item:hover h4 a {color:#0071b9}
.s6-item p {text-indent:2em;line-height:24px;height:48px;overflow:hidden;color:#888;margin-bottom:0}
.s6-item h4 small {font-size:26px;color:#999;float:right;margin-left:20px}
.s6-item p a.more {display:block;float:right;height:16px;width:35px;background:url(../images/s6-more.png) center center no-repeat;margin:18px 0 0 50px}
.section7 {}
.section7 h4 {font-size:48px;margin-bottom:15px}
.section7 span {color:#999;display:block;margin:10px 0 40px;font-size:18px}
.section7 p {color:#666;font-size:16px;max-width:980px;margin:0 auto}
.section8 {}
#owl-demo8 {position:relative;padding:0;margin:0}
#owl-demo8 .owl-stage-outer {overflow:hidden;position:relative;z-index:10}
#owl-demo8 * {box-sizing:border-box}
#owl-demo8 .owl-item {float:left}
#owl-demo8 .owl-controls {margin-top:0;text-align:center}
#owl-demo8 .owl-controls .owl-buttons {}
#owl-demo8 .owl-controls .owl-buttons [class*=owl-] {font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;height:40px;width:40px;position:absolute;top:50%;margin-top:-20px;cursor:pointer;overflow:hidden;z-index:11;display:inline-block;line-height:40px;text-align:center;padding-left:14px}
#owl-demo8 .owl-controls .owl-buttons .owl-prev {left:0;color:transparent;background:rgba(0,0,0,.3)}
#owl-demo8 .owl-controls .owl-buttons .owl-next {right:0;color:transparent;background:rgba(0,0,0,.3)}
#owl-demo8 .owl-controls .owl-prev:before {content:"<";text-indent:0;color:#fff}
#owl-demo8 .owl-controls .owl-next:before {content:">";color:#fff;text-indent:0}
@media screen and (min-width:1300px) {#owl-demo8 .owl-controls .owl-buttons .owl-prev {left:-50px}
#owl-demo8 .owl-controls .owl-buttons .owl-next {right:-50px}
}
@media screen and (min-width:1092px) and (max-width:1199px) {#owl-demo8 .owl-controls .owl-buttons .owl-prev {left:-50px}
#owl-demo8 .owl-controls .owl-buttons .owl-next {right:-50px}
}
@media screen and (min-width:868px) and (max-width:991px) {#owl-demo8 .owl-controls .owl-buttons .owl-prev {left:-50px}
#owl-demo8 .owl-controls .owl-buttons .owl-next {right:-50px}
}
.s8-item {border:1px solid #ccc;margin:10px 5px;position:relative;top:0;transition:all 300ms ease-in-out 0s}
.s8-item:hover {box-shadow:1px 1px 20px rgba(0,0,0,.3);top:-5px}
.s8-item img {width:100%;height:auto}
.foot {padding:0 20px 50px 20px;background:#2c2c2c;color:#fff}
.foot a {color:#fff}
.foot-title {margin-bottom:30px}
.foot-title h4 {color:#fff;font-size:30px;margin-bottom:5px}
.foot-title h4 a {color:#fff}
.foot-title p {color:#999;font-size:16px}
.foot-text {overflow:hidden}
.foot1 {}
.foot1 h4 {color:#ccc;font-size:18px;margin-bottom:30px}
.fenxiang {}
.fenxiang a {display:block;height:40px;width:40px;border:1px solid #666;text-align:center;line-height:38px;color:#ccc;float:left;margin-right:5px;cursor:pointer}
.fenxiang a:hover {background:#ccc;color:#333}
.foot2 {padding-top:55px}
.foot2 ul {padding:0;margin:0}
.foot2 ul li {color:#ccc;font-size:16px}
.foot3 {padding-top:55px}
.foot3 ul {padding:0;margin:0}
.foot3 ul li {color:#ccc;font-size:16px}
#outer-w {width:100%;height:100%;display:none;position:fixed;left:0;top:0;z-index:99999}
#outer {height:100%;position:relative;width:100%}
#outer[id] {display:table;position:static}
#middle {position:absolute;top:50%}
#middle[id] {display:table-cell;vertical-align:middle;position:static}
#inner {position:relative;top:-50%;width:300px;padding:30px 0;margin:0 auto;text-align:center}
*+html #outer[id] {position:relative}
*+html #middle[id] {position:absolute}
#bg-black {position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.6)}
.inner {position:relative;z-index:2;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#close {position:absolute;right:-10px;top:-10px;height:30px;width:30px;cursor:pointer;background:#fff url(../images/del_on.gif) left top no-repeat;border:1px solid #ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#close:hover {background:#ddd url(../images/del_hover.gif) -1px -1px no-repeat}
.bg-f4 {background:#f4f4f4}
.title20 {heigh/t:48px;line-height:48px}
.mianbao {float:right;color:#333;padding:0 15px}
.mianbao a {color:#333;margin:0 5px}
.mianbao a:hover {color:#0071b9}
.title20 p {padding:0;margin:0}
.title20 p a {display:inline-block;line-height:48px;padding:0 20px;font-size:18px;color:#666}
.title20 p a:hover,.title20 p a.on {background:#0b6eae;color:#fff}
.visual-contact p {float:left;width:45%}